import Vue from 'vue'
import VueRouter from 'vue-router'
import CampusBinhai from '../views/CampusBinhai.vue'
import five from '../views/five.vue'
import six from '../views/six.vue'
import seven from '../views/seven.vue'
import StudentSystem from '../views/StudentSystem.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'CampusBinhai',
    component: CampusBinhai
  },
  {
    path: '/StudentSystem',
    name: 'StudentSystem',
    component: StudentSystem
  },
  {
    path: '/CampusYueqing',
    name: 'CampusYueqing',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: function () {
      return import(/* webpackChunkName: "about" */ '../views/CampusYueqing.vue')
    }
  },
  {
    path: '/CampusChashan',
    name: 'CampusChashan',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: function () {
      return import(/* webpackChunkName: "about" */ '../views/CampusChashan.vue')
    },
    children:[
      {path:'five',component:five},
      {path:'six',component:six},
      {path:'seven',component:seven}
    ]
  }
]

const router = new VueRouter({
  routes
})

export default router
